<link rel="stylesheet" href="css/aliceui.min.css"/>
<link rel="stylesheet" href="css/resetui.css"/>
<link rel="stylesheet" href="css/reg.css"/>
<style type="text/css">
    #create_new_lnk{display: none;}
    .message{border: 1px solid #0088cc;}
</style>
<script type="text/javascript">document.title="添加分销商 - <?=$data['web_title']?>";</script>
<!--主体-->
<div class="r_content" id="register">
    <h3 class="mc_title">
        <span class="mctit_1">
		<a href="javascript:void(0);"><span class="mctit_2">添加分销商</span></a>
		</span>
<!--
		<span class="mctit_1 notcur">
		<a href="javascript:void(0);" class="famous"><span class="mctit_2">知名分销商</span></a>
		</span>
-->
    </h3>
    <div class="ui-tiptext-container ui-tiptext-container-question mt10">
        <p class="ui-tiptext ui-tiptext-warning">
            <span class="ui-form-required">+</span>添加成功后请点击“价格配置”为分销商配置结算价。
        </p>
    </div>
	<div class="tab_wrap tab_show">
    <form id="reg_form" class="reg_form">
        <?=$data['csrf_token'];?>
        <input type="hidden" name="action" value="RelationshipCreate"/>
        <input type="hidden" name="actionType" value="CreateDistor"/>
        <input type="hidden" name="dtype" value="1"/>
        <table class="add_table" style="margin-left: 12px;">
            <tbody>
            <tr>
                <td class="tab1"><span class="ui-form-required">*</span>分销商名称</td>
                <td class="tab2">
                    <input type="text" id="dname_e" class="ui-input" name="company_1" />
                    <!--<a href="javascript:" id="create_new_lnk">创建新分销商</a>-->
                </td>
                <td class="tab3" width="100px">
                    <p class="normal">输入分销商名称，仅限中文</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
				<td rowspan="9" valign="top">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr class="head"><td colspan="2">知名分销商</td></tr>
					<tr>
						<td>
						<a href="javascript:void(0)" data="携程" class="famous">携程</a>
						</td>
						<td>
						<a href="javascript:void(0)" data="驴妈妈" class="famous">驴妈妈</a>
						</td>
					</tr>
					<tr>
						<td>
						<a href="javascript:void(0)" data="分销商零零一" class="famous">分销商零零一</a>
						</td>
						<td>
						<a href="javascript:void(0)" data="大仙测试" class="famous">大仙测试</a>
						</td>
					</tr>
	
					</table>
				</td>
            </tr>
            <tr>
                <td class="tab1"><span class="ui-form-required">*</span>姓名</td>
                <td>
                    <input type="text" id="dname_c" data-msg="请输入分销商真实姓名" class="ui-input required" name="username" />
                </td>
                <td class="tab3" width="100px">
                    <p class="normal">请输入联系人姓名，仅限中文</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
            </tr>
            <tr>
                <td class="tab1"><span class="ui-form-required">*</span>密码</td>
                <td class="tab2">
                    <input type="password" data-msg="密码不能为空" class="ui-input required" name="password" />
                </td>
                <td class="tab3" width="100px">
                    <p class="normal">6-16个字符,请使用字母加数字或符号的组合</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
            </tr>
            <tr id="pwd_strength">
                <td>&nbsp;</td>
                <td colspan="2">
                    <div class="pwd_strength">
                        <span class="qian" id="sqian">密码强度</span>
                                <span class="meter-bar">
                                    <div id="pwlevel" style="width: 75%;"></div>
                                </span>
                        <span id="pwlevel2">中</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="tab1"><span class="ui-form-required">*</span>确认密码</td>
                <td class="tab2">
                    <input type="password" class="ui-input required" name="confirmPwd" />
                </td>
                <td class="tab3" width="100px">
                    <p class="normal">请再次输入密码</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
            </tr>
            <tr>
                <td class="tab1"><span class="ui-form-required">*</span> 手机号</td>
                <td class="tab2">
                    <input type="text" class="ui-input" name="mobile" id="mobile_c" />
                </td>
                <td class="tab3" width="100px">
                    <p class="normal">请输入分销商手机号</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
				<td width="10px"></td>
            </tr>
            <tr>
                <td class="tab1"> 固定电话</td>
                <td class="tab2"><input type="text" data-msg="请填写公司固定电话" class="ui-input" name="g_tel" /></td>
                <td class="tab3" width="100px">
                    <p class="normal">请填写公司固定电话</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
            </tr>
            <tr>
                <td class="tab1">企业类型</td>
                <td class="tab2">
                    <select name="com_type" class="dtlist">
                    <option value="加盟门店">加盟门店</option>
                    <option value="电商/团购网">电商/团购网</option>
                    <option value="旅行社">旅行社</option>
                    <option value="淘宝/天猫">淘宝/天猫</option>
                    <option value="其他">其他</option>
                </select></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">
                    <input type="button" id="distor_btn_c" value="" class="submit_btn_d"/>
                </td>
            </tr>
            </tbody>
        </table>
		
    </form>

	</div>
	
	
	
	
	
<!--

<div id="table_show">
	
</div>
	

	
	
	
	
	<div class="tab_wrap">
	<table id="selected_distor">
		<thead>
		<tr>
			<th class="first">分销商名称</th>
			<th>公司类型</th>
			<th>联系人</th>
			<th>操作</th>
		</tr>
		</thead>
		<tbody id="selected_distor_list" class="hide">
		<tr id="dist_{$id}">
			<td class="first">[{$account}]{$dname}</td>
			<td>{$com_type}</td>
			<td>{$cname}[{$mobile}]</td>
			<td>{$btn}</td>
		</tr>
		</tbody>
		<tbody id="selected_show_list">

		</tbody>
	</table>
	</div>

-->
</div>
<!--<script type="text/javascript" src="js/jquery.getareas.js"></script>-->
<!--    <script type="text/javascript" src="js/easydialog.min.js"></script>-->
<script type="text/javascript" src="js/fun.inc.dt.js"></script>
<script type="text/javascript" src="js/prod_pub.js"></script>
<script type="text/javascript" src="js/reg_c.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($){
		//添加/知名 分销商切换
		$(".mc_title a").click(function(){
			index=$(".mc_title a").index($(this));
			$(".mctit_1").addClass("notcur").eq(index).removeClass("notcur");
			$(".tab_wrap").hide().eq(index).show();
			//知名被点击
			if($(this).hasClass("famous")){
				alert("I can find famous");
			}
		});
		
        $("#selected_distor").on('click', 'a.selected_distor_add', function(){
            var did = $(this).attr('data-id'),
                    param = {
                        action: 'AddRelationShip',
                        distor: did,
                        token : reg.getToken()
                    },
                    elem = $(this);
            $.post(reg.request_url,param,function(json_res){
                if(json_res.status=='ok') {
                    elem.parent('td').html('已添加|<a target="_blank" href="priceset.html?did='+did+'">价格配置</a>');
                } else {
                    alert(json_res.msg);
                }
            },'json');
        });
    });
</script>
